import './App.css';
//import Hello from './Components/Hello';
//import Clock from './Components/Clock';
//import ClockFn from './Components/Clock/ClockFn';
//import Var2JavaEntity from './Components/var2JavaEntity'
//import TreeTable from './Components/Hello/TreeTable';
import NestedTable from './Components/Hello/NestedTable';

import 'antd/es/style';
import React from 'react';

/**
 * React的应用外壳，程序入口
 * @returns 
 */
function App() {
  // 示例的树形数据结构
  const treeData = [
    {
      title: 'Parent 1', key: '0',
      children: [
        { title: 'Child 1', key: '0-0', name: 'John', age: 32 },
        { title: 'Child 2', key: '0-1', name: 'Sally', age: 28 },
      ],
    },
    // 可以添加更多节点
  ];
  // 模拟的数据源
  const dataSource = [
    {
      key: '1',
      name: 'Row 1',
      age: 32,
      address: 'New York No. 1 Lake Park',
      details: [
        { key: '1-1', name: '张三1', detail: 'Detail 1' },
        { key: '1-2', name: '李四1', detail: 'Detail 2' },
      ],
    },
    {
      key: '2',
      name: 'Row 2',
      age: 42,
      address: 'London No. 1 Lake Park',
      details: [
        { key: '2-1', name: '张三2', detail: 'Detail A' },
        { key: '2-2', name: '李四2', detail: 'Detail B' },
      ],
    },
    // 更多行数据...
  ];

  return (
    <div className="App">
      {/** 
      <Hello name="Word!"></Hello>
      <Clock />
      <ClockFn />
      <Var2JavaEntity />
      <TreeTable treeData={treeData} />
      */}
      <NestedTable dataSource={dataSource} />

    </div>
  );
}
export default App;
